<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>




    <div class=" a">1111</div>

    <script>


        // 日常报错   xxxx  of null / undefined    ....   标签没有标签到


        // 放大镜
        //    1 display:none  获取不到标签的任意特征(尺寸等)
        //    2 样式设置问题   (按照比例做的) 
        //    3 右边的大图是  反向移动   按照比例移动




        var oA = document.querySelector('.a');

        // oA.style.color = 'red';
        console.log(oA.innerHTML);

        // oA.onclick = function () {
        //     alert(666)
        // }

    </script>

</body>

</html>